<template>
  <div @click="$router.push('/search')" class="toSearch" :style="{ width: width }">
    <i class="iconfont icon-sousuo"></i>
    <span>请输入关键字</span>
  </div>
</template>

<script>
export default {
  props: ["width"],
};
</script>

<style scoped lang="less">
@import "../less/index.less";
.toSearch {
  display: inline-block;
  height: @searchHeight;
  color: @font-color6;
  line-height: @searchHeight;
  overflow: hidden;
  font-size: 0.26rem;
  background: rgb(235, 234, 234);
  // margin: @margin20;
  padding:0px @padding20;
  // border-radius: @margin10;
  i{
    float: left;
  }
  span{
    float: left;
  }
}
</style>